﻿<div id="content">
	<div class="buyer">
		<div id="J_RoleBox" class="rolebox">
			<a class="role"> 买家 </a>
			<ul id="J_RoleList" class="rolelist">
				<li><a href="/Rule/Seller">卖家</a></li>
				<li><a href="/Rule/XiaoBao">买家</a></li>
			</ul>
			<i class="arrow" onclick="javascript:mouseOver();"></i>
		</div>

		<div class="intro">
			<h2>
				<img src="~/imgs/TB1oHc_FVXXXXbtXXXX3xXrPVXX-374-42.png" alt="消费者保障服务">
			</h2>
			<p>消费者保障服务支持自买家完成支付宝担保交易付款之日起至交易成功后15天内保障买家权益，如有商品质量问题、描述不符或付款后未收到货等，全程支持退货退款，退货运费由卖家承担。若卖家不履行承诺，以卖家保证金给予先行赔付，保障每一个消费者的网购权益。</p>
		</div>

		<div class="main">
			<div class="contracts">
				<h3>交易约定</h3>
				<ul class="list">
					<li class="promise left">
						<a href="##">
							<img class="ikon" src="~/imgs/TB1HiAPFVXXXXX_XpXXtPVYRFXX-406-168.png">
							<span class="cnt">
								<img src="~/imgs/TB1VIEZFVXXXXbTXXXXCBGNFFXX-24-24.png">
								<em class="name">退货承诺</em>
								<em class="desc">选择退货承诺商品，商品轻松自由退。<br>事先约定退货邮费，纠纷再也不担心。</em>
							</span>
						</a>
					</li>
					<li class="old2new right">
						<a href="##">
							<img class="ikon" src="~/imgs/TB1KPsFFVXXXXafXpXXArjF2VXX-295-224.png">
							<span class="cnt">
								<img src="~/imgs/TB1TPQPFVXXXXb6XpXXCBGNFFXX-24-24.png">
								<em class="name">免费换新</em>
								<em class="desc">选择“免费换新”商品，免受售后维修维权烦，<br>30天内包换新！换货邮费先约定，再故障可退货！</em>
							</span>
						</a>
					</li>
					<li class="broken left">
						<a href="##">
							<img class="ikon" src="~/imgs/TB1cagnFVXXXXXEaXXXjdXW.VXX-453-236.png">
							<span class="cnt">
								<img src="~/imgs/TB131EYFVXXXXceXpXXCBGNFFXX-24-24.png">
								<em class="name">破损补寄</em>
								<em class="desc">选择破损补寄商品，破损可再补发。<br>补寄邮费事先约定，再破损可退款。</em>
							</span>
						</a>
					</li>
					<li class="quality right">
						<a href="##">
							<img class="ikon" src="~/imgs/TB1F5goFVXXXXckXVXXtej.UFXX-307-203.png">
							<span class="cnt">
								<img src="~/imgs/TB1g4IUFVXXXXaMXpXXCBGNFFXX-24-24.png">
								<em class="name">品质承诺</em>
								<em class="desc">选择品质承诺商品，品质鉴定有保障。<br>鉴定商品品质不符，保障金先行赔付。</em>
							</span>
						</a>
					</li>
					<li class="sendtime left">
						<a href="##">
							<img class="ikon" src="~/imgs/TB14x.UFVXXXXXGXXXXMm5tHpXX-353-233.png">
							<span class="cnt">
								<img src="~/imgs/TB1q_IIFVXXXXXfXFXXCBGNFFXX-24-24.png">
								<em class="name">发货时间</em>
								<em class="desc">选择设定发货时间商品，发货时间有保障。<br>卖家未按约定时间发货，保障金先行赔付。</em>
							</span>
						</a>
					</li>
					<li class="courier right">
						<a href="##">
							<img class="ikon" src="~/imgs/TB1bbQUFVXXXXXqXXXXI4awKpXX-361-211.png">
							<span class="cnt">
								<img src="~/imgs/i2/TB1Mk7PFVXXXXbdXpXXCBGNFFXX-24-24.png">
								<em class="name">指定快递</em>
								<em class="desc">选择指定快递商品，轻松自由选快递。<br>若配送快递不符，按约赔付赔偿金。</em>
							</span>
						</a>
					</li>
				</ul>
			</div>

			<div class="refund">
				<h3>退款维权流程</h3>
				<img src="~/imgs/TB1OR.IFVXXXXb6XFXX09vFHXXX-987-260.png" alt="退款维权流程图">
			</div>
		</div>
	</div>
</div>
<link rel="stylesheet" href="~/css/shop_rule.css" />
<script type="text/javascript">
	function mouseOver(){
		$('#J_RoleBox').toggleClass('expanded');
	}
</script>